<script setup></script>

<template>
  <div class="titlebox">
    <div class="text">标题</div>
    <div class="text1">请输入NFT名称，不超过30个字</div>
    <div class="text2">描述</div>
  </div>
</template>

<style scoped>
.titlebox {
  position: absolute;
  width: 375px;
  height: 56px;
  top: 5px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  background: #ffffff;
}
.text {
  position: absolute;
  width: 34px;
  height: 24px;
  left: 15px;
  top: calc(50% - 24px / 2);
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  /* identical to box height */
  color: rgba(0, 0, 0, 0.9);
  mix-blend-mode: normal;
  opacity: 0.9;
}
.text1 {
  position: absolute;
  width: 251px;
  height: 24px;
  left: 110px;
  top: calc(50% - 24px / 2);
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  /* identical to box height */
  color: #000000;
  mix-blend-mode: normal;
  opacity: 0.3;
}

.text2 {
  position: absolute;
  width: 34px;
  height: 80px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 180px;
  left: 15px;
  /* identical to box height */
  color: rgba(0, 0, 0, 0.9);
  mix-blend-mode: normal;
  opacity: 0.9;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
</style>
